@import '../storebase';
@import '../components/header';


img{
  display: block;
  width: 100%;
}
.jeans-top{
  .jeans-title{
    margin-bottom: px2rem(30);
    height: px2rem(115);
    position: relative;
    &>h2{
      font-size: px2rem(34);
      display: inline-block;
      padding-bottom: px2rem(18);
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translate(-50%);
      -webkit-transform: translate(-50%);

      &::after{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        background: #666;
        width: 100%;
        height: 1px;
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;

      }
    }
  }
  p{
    text-align: center;
    line-height:px2rem(50);
    font-size: px2rem(30);
    color: #666666;
    padding:0 px2rem(45);
  }
}
#allJeans{
  width: 100%;
  height: px2rem(1066);
  background: url("../images/jeans.jpg") no-repeat ;
  background-size: 100% 100%;
  position: relative;
  a{
      display:block;
      position: absolute;
      width: px2rem(100);
      height: px2rem(280);
    }
  a:nth-of-type(1){
    left: px2rem(20);
    top: 0;
    width: px2rem(200);
    height: px2rem(320);
  }
  a:nth-of-type(2){
    left: px2rem(260);
    top: 0;
    width: px2rem(180);
    height: px2rem(360);
  }
  a:nth-of-type(3){
    left: px2rem(520);
    top: 0;
    width: px2rem(180);
    height: px2rem(360);
  }
  a:nth-of-type(4){
    left: px2rem(30);
    top: px2rem(339);
    width: px2rem(200);
    height: px2rem(360);
  }
  a:nth-of-type(5){
    left: px2rem(230);
    top: px2rem(440);
    width: px2rem(160);
    height: px2rem(320);
  }
  a:nth-of-type(6){
    left: px2rem(400);
    top: px2rem(340);
    width: px2rem(160);
    height: px2rem(360);
  }
  a:nth-of-type(7){
    left: px2rem(565);
    top: px2rem(380);
    width: px2rem(170);
    height: px2rem(330);
  }
  a:nth-of-type(8){
    left: px2rem(30);
    top: px2rem(700);
    width: px2rem(220);
    height: px2rem(350);
  }
  a:nth-of-type(9){
    left: px2rem(280);
    top: px2rem(783);
    width: px2rem(255);
    height: px2rem(240) ;
  }
  a:nth-of-type(10){
    left: px2rem(548);
    top: px2rem(711);
    width: px2rem(170);
    height: px2rem(340);
  }

}

